<!DOCTYPE html>
<!--
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.6
Version: 4.5.6
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>足彩分析系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../css/fontFamily.css" rel="stylesheet" type="text/css" />
    <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/bootstrap-slider.min.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	outline:none;
}
.grid-item { width: 25%; height:60px; text-align:center;}
.grid-item :hover{cursor:pointer; }
.grid-item--width2 { width: 50%; }
</style>
</head>
<!-- END HEAD -->

<body class="page-content-white">
<div class="page-header">
    <h1>小绵羊分析系统<small> beta版本</small></h1>
    <div class="row">
        <div class="col-xs-12 col-md-9"></div>
        <div class="col-xs-6 col-md-1"><button type="button" class="btn btn-black" data-toggle="modal" data-target="#myModal">我的算法</button></div>
        <div class="col-xs-6 col-md-1"><button type="button" class="btn btn-black" data-toggle="modal" data-target="#myModal">我的预测</button></div>
        <div class="col-xs-6 col-md-1"></div>
    </div>
</div>

<div class="container">
    <div class="container">
        <div class="row">
            <div class="col-md-1"><input id="slider1" type="text"/></div>
            <div class="col-md-1"><input id="slider2" type="text"/></div>
            <div class="col-md-1"><input id="slider3" type="text"/></div>
            <div class="col-md-1"><input id="slider4" type="text"/></div>
            <div class="col-md-1"><input id="slider5" type="text"/></div>
            <div class="col-md-1"><input id="slider6" type="text"/></div>
            <div class="col-md-1"><input id="slider7" type="text"/></div>
            <div class="col-md-1"><input id="slider8" type="text"/></div>
            <div class="col-md-1"><input id="slider9" type="text"/></div>
            <div class="col-md-1"><input id="slider10" type="text"/></div>
            <div class="col-md-1"><input id="slider11" type="text"/></div>
            <div class="col-md-1"><input id="slider12" type="text"/></div>
        </div>
        <div class="row">
            <div class="col-md-1"> 球队身价</div>
            <div class="col-md-1"> 联盟胜率</div>
            <div class="col-md-1"> 联盟平率</div>
            <div class="col-md-1"> 联盟负率</div>
            <div class="col-md-1"> 主场因素</div>
            <div class="col-md-1"> 客场因素</div>
            <div class="col-md-1"> 比赛重要度</div>
            <div class="col-md-1"> 平均进球数</div>
            <div class="col-md-1"> 平均失球数</div>
            <div class="col-md-1"> 天气因素</div>
            <div class="col-md-1"> 球队得分</div>
            <div class="col-md-1"> 球队得分</div>
        </div>
    </div>


</div>
</body>
<script src="../assets/global/plugins/respond.min.js"></script>
<script src="../assets/global/plugins/excanvas.min.js"></script>

<!-- BEGIN CORE PLUGINS -->
<script src="../js/components/jquery.min.js" type="text/javascript"></script>
<script src="../js/components/loadingoverlay.js" type="text/javascript"></script>
<script src="../js/components/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/components/isotope.js" type="text/javascript"></script>
<script src="../js/components/bootstrap-slider.js" type="text/javascript"></script>
<script src="../js/components/template.js" type="text/javascript"></script>
<script id='sampleInfo' type="text/template"></script>
<script type="text/javascript">

 $('.grid').isotope({
  // options
  itemSelector: '.grid-item',
  layoutMode: 'fitRows'
});
// With JQuery
$("#slider1").slider({
	min: 1,
	max: 100,
	value: 30,
	orientation: 'vertical',
	tooltip_position:'bottom'
});
$("#slider2").slider({
	min: 1,
	max: 100,
	value: 30,
	orientation: 'vertical',
	tooltip_position:'left'
});
$("#slider3").slider({
	min: 1,
	max: 100,
	value: 30,
	orientation: 'vertical',
	tooltip_position:'left'
});
$("#slider4").slider({
	min: 1,
	max: 100,
	value: 30,
	orientation: 'vertical',
	tooltip_position:'left'
});
$("#slider5").slider({
	min: 1,
	max: 100,
	value: 30,
	orientation: 'vertical',
	tooltip_position:'left'
});
$("#slider6").slider({
	min: 1,
	max: 100,
	value: 30,
	orientation: 'vertical',
	tooltip_position:'left'
});
$("#slider7").slider({
	min: 1,
	max: 100,
	value: 30,
	orientation: 'vertical',
	tooltip_position:'left'
});
$("#slider8").slider({
	min: 1,
	max: 100,
	value: 30,
	orientation: 'vertical',
	tooltip_position:'left'
});
$("#slider9").slider({
	min: 1,
	max: 100,
	value: 30,
	orientation: 'vertical',
	tooltip_position:'left'
});
$("#slider10").slider({
	min: 1,
	max: 100,
	value: 30,
	orientation: 'vertical',
	tooltip_position:'left'
});
$("#slider11").slider({
	min: 1,
	max: 100,
	value: 30,
	orientation: 'vertical',
	tooltip_position:'left'
});
$("#slider12").slider({
	min: 1,
	max: 100,
	value: 30,
	orientation: 'vertical',
	tooltip_position:'left'
});
  <!--var result = baidu.template('sampleInfo',selectedObj);-->
  <!--$("#modal_sample_info").html(result);-->
  <!--$('#modal_sample_info').modal('show');-->
</script>
</html>